import styles from './ballCart.module.scss';
import { IPropsBall } from './ballCart.types';
import { GiBasketballJersey,  GiBasketballBall } from 'react-icons/gi';

export const BallCart = ({ ball }: IPropsBall) => {
	return (
		<div className={styles.ball_cart} onClick={() => console.log(ball.id)}>
			<span></span>
			<div>
				<div className={styles.img}>
					<img src={ball.image} width={300} />
				</div>
				<div className={styles.price}>
					<p>Цена {ball.price} р</p>
					<p>в корзину</p>
				</div>
				<div className={styles.description}>
					<p className={styles.item}>Описание:</p>
					<p>{ball.title}</p>
				</div>
			</div>
		</div>
	);
};
